Нашел очень полезную штуку - Preventing the blur

Нашел очень полезную штуку - Preventing the blur

Мне иногда нужно, чтобы по клику в пределах области поля ввода фокус с него не пропадал, но действия выполнялись. Полезно например при кликах на подсказки, либо при выборе даты во всплывающем календарике.

Чтобы решить эту проблему пришлось глубоко покопать в событиях мыши. Как оказалось файрит onbur совсем не click, а mousedown. И это оказалось очень удобным, так обычным реактовским onMouseDown={e => e.preventDefault()} проблема решается. А в onClick ничего добавлять не нужно.

button mousedown is fired. 
input blur is fired. 
button mouseup is fired. 
button click is fired.